<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的项目圈-设计预评价</title>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/global.css"/>
	</head>
	<body>
		<!--公共头部 start-->
		<div class="commonHead">
			<div class="commonHeadLeft">
				<span class="logo"></span>
				<b>PIAQ</b>
			</div>
			<div class="commonHeadCenter">
				<ul>
					<li>
						<a class="active">项目圈</a>
					</li>
					<li>
						<a>材料数据库</a>
					</li>
					<li>
						<a>计算工具</a>
					</li>
					<li class="clear"></li>
				</ul>
			</div>
			<div class="commonHeadRight">
				<div class="infoCenter">
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>消息中心</span>
						<span class="remindCircle"></span>
					</a>
				</div>
				<div class="loginInfo">
					<span class="loginName">KDD</span>
					<span class="logo"></span>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
		<!--公共头部 end-->
		
		<!--公共侧边栏 start-->
		<div class="commonSide">
			<div class="sideTitle">项目圈</div>
			<ul class="sideMenu">
				<li class="active">
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>我的项目</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>我的材料库</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<span class="logo"></span>
						<span>我的收藏</span>
					</a>
				</li>
			</ul>
		</div>
		<!--公共侧边栏 end-->
		
		<!--内容 start-->
		<div class="content">
			<div class="contentTop">
				<a class="contentBack">
					<span class="logo"></span>
					<span class="backText">返回</span>
				</a>
				<span class="contentSever">|</span>
				<div class="contentTitle">侨乡物业项目</div>
				<span class="contentTitleSever">></span>
				<div class="contentSecondTitle">设计预评价</div>
				<div class="help">
					<a href="javascript:void(0)">
						<span class="logo"></span>
						<span>技术支持</span>						
					</a>
				</div>
				<div class="clear"></div>
			</div>
			
			<!--项目圈内容 start-->
			<div class="designComment">
				
				<div class="projectBox">	
					<!--分页器 start-->
					<div class="pageDevice">
						<div class="pageEachText">
							<b>每页显示行</b>
							<select>
								<option>10</option>
								<option>9</option>
								<option>8</option>
							</select>
						</div>
						<div class="pageControl">
							<div class="littleControl">|<</div>
							<div class="littleControl"><</div>
							<select class="bigControl">
								<option>1/5</option>
								<option>2/5</option>
								<option>3/5</option>
							</select>
							<div class="littleControl">></div>
							<div class="littleControl">>|</div>
							<div class="clear"></div>
						</div>
						<div class="clear"></div>
					</div>
					<!--分页器 end-->

					<div class="memberList">
						<div class="memberListBtnBox">
							<button class="createWay">创建方案</button>
							<button class="contrast">对比</button>
							<button class="selected">选定</button>
						</div>
						<ul>
							<li class="listDec">
								<span class="logo"></span>
								<div>方案ID</div>
								<div>评价方法</div>
								<div>创建时间</div>
								<div>状态</div>
								<div>操作</div>
								<div class="clear"></div>
							</li>
							<li class="memberDec">
								<span class="logo"></span>
								<div>方案001</div>
								<div>规定性指标</div>
								<div>2017-10-30 12:30</div>
								<div>已选定</div>
								<div>
									<a href="javascript:void(0);" class="edit">编辑</a>
									<a href="javascript:void(0);" class="checkControlForm modalBoxControl">查看材料控制清单</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				
				<div class="modalBox">
					<div class="modalContentBox materialControlBox">
						<div class="modalContentBoxTop">
							<div class="modalContentBoxName">材料控制清单</div>
							<div class="closeModalBox">
								<span class="logo"></span>
							</div>
							<div class="clear"></div>
						</div>
						<ul class="materialList">
							<li class="listDec">
								<div class="materialType">材料类型</div>
								<div class="materialArea">材料面积</div>
								<div class="materialImg">图片</div>
								<div class="controlRequest">
									<div class="cRFirstMenu">控制要求</div>
									<div class="cRSecondMenu">
										<div class="wid20 fl tac">
											<p class="cRSecondMenuName">甲醛</p>
											<p>（mg/m2-h）</p>
										</div>
										<div class="wid20 fl tac">
											<p class="cRSecondMenuName">TOVC</p>
											<p>（mg/m2-h）</p>
										</div>
										<div class="wid20 fl tac">
											<p class="cRSecondMenuName">苯</p>
											<p>（mg/m2-h）</p>
										</div>
										<div class="wid20 fl tac">
											<p class="cRSecondMenuName">甲苯</p>
											<p>（mg/m2-h）</p>
										</div>
										<div class="wid20 fl tac">
											<p class="cRSecondMenuName">二甲苯</p>
											<p>（mg/m2-h）</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="clear"></div>
							</li>
							<li class="materialDec">
								<div class="materialType">强化木地板</div>
								<div class="materialArea">16.5</div>
								<div class="materialImg">
									<img src="img/materialImg.jpg"/>
								</div>
								<div class="controlRequest">
									<div class="materialContentList">
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.4</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.4</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="clear"></div>
							</li>
							<li class="materialDec">
								<div class="materialType">强化木地板</div>
								<div class="materialArea">16.5</div>
								<div class="materialImg">
									<img src="img/materialImg.jpg"/>
								</div>
								<div class="controlRequest">
									<div class="materialContentList">
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.4</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.4</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="clear"></div>
							</li>
							<li class="materialDec">
								<div class="materialType">强化木地板</div>
								<div class="materialArea">16.5</div>
								<div class="materialImg">
									<img src="img/materialImg.jpg"/>
								</div>
								<div class="controlRequest">
									<div class="materialContentList">
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.4</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.4</p>
										</div>
										<div class="wid20 fl tac">
											<p class="materialContent">0.3</p>
										</div>
										<div class="clear"></div>
									</div>
								</div>
								<div class="clear"></div>
							</li>
						</ul>
						<!--分页器 start-->
						<div class="pageDevice">
							<div class="pageEachText">
								<b>每页显示行</b>
								<select>
									<option>10</option>
									<option>9</option>
									<option>8</option>
								</select>
							</div>
							<div class="pageControl">
								<div class="littleControl">|<</div>
								<div class="littleControl"><</div>
								<select class="bigControl">
									<option>1/5</option>
									<option>2/5</option>
									<option>3/5</option>
								</select>
								<div class="littleControl">></div>
								<div class="littleControl">>|</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
						</div>
						<!--分页器 end-->
					</div>
				</div>
			</div>
			<!--项目圈内容 end-->
		</div>
		<!--内容 end-->
		
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--网页文案排版-->
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pangu/3.3.0/pangu.min.js"></script>
	<script type="text/javascript" src="js/component.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			//获取content宽度
			var contentWidth = $(window).innerWidth() - 180;
			$('.content').css('width',contentWidth + 'px');
		});
	</script>
</html>
